<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="../html_css/bootstrap-3.4.1-dist/css/bootstrap.min.css">
        <title>bootstrap</title>
    </head>
    
    <style>
        .container {
            height: 100px;
        }
        .row>div {
            border: 1px solid red;
        }
    </style>
    
    <body>
      
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-xs-4">1</div>
                <div class="col-lg-4 col-md-4 col-xs-4">1</div>
                <div class="col-lg-4 col-md-4 col-xs-4">1</div>
            </div>
        </div>
        
    </body>
    <script src="jquery/jquery-1.12.4.min.js"></script>
    <script src="../html_css/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</html>